<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    {%block title%}
        <title>Sistema de Control de uso de Aulas y Equipos del Centro de Computo del Instituto Tecnológico de Matamoros</title>
    {%endblock%}
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Job Adrián Salinas González">

    <!-- Le styles -->
    <link href="/media/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/media/css/site.css" rel="stylesheet">
    <link href="/media/jquery/css/ui-lightness/ui-lightness.css" rel="stylesheet">
    <style>
      body{
      }
    </style>
    <link href="/media/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="/media/bootstrap/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/media/bootstrap/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/media/bootstrap/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/media/bootstrap/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="/media/bootstrap/ico/apple-touch-icon-57-precomposed.png">
  </head>



  <body>
<div id="wrap">

	<div id="main">
    {%include "nav.html"%}
    <div class="container" style="padding-top:60px;">
    {% if messages %}
        {% for message in messages %}
        <div{% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}>
            <a class="close" data-dismiss="alert" href="#">×</a>
            {{ message }}
        </div>
        {% endfor %}
    {% endif %}

        {%block maincontent%}
        {%endblock%}
    </div> <!-- /container -->

	</div>

</div>

<div id="footer">
  <div class="container">
    <div class="row">
        <div class="span4" style="text-align:center;">
             <p>Instituto Tecnológico de Matamoros</p>
        </div>
        <div class="span4" style="text-align:center;">
             <p>Laboratorio de cómputo</p>
        </div>
        <div class="span4" style="text-align:center;">
             <p>Departamento de Sistemas y Computación</p>
        </div>
    </div>

    <div class="row">
        <div class="span12" style="text-align:center;">
             <p>2012</p>
        </div>
    </div>
  </div>
</div>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/media/jquery/jquery-1.7.2.min.js"></script>
    <script src="/media/jquery/jquery-ui-1.8.23.custom.min.js"></script>        
    <script src="/media/js/menu.js"></script>
    <script src="/media/bootstrap/js/bootstrap.js"></script>
    {%block extrajs%}
    {%endblock%}


  </body>

</html>
